# window[name] 窗口名称
# 1、设置窗口名称
window.name = '窗口名称'
1
该名称是在 open() 方法创建窗口时指定的或者使用一个 <frame>
标记的 name 属性指定的,默认情况下 name 属性值是为空的
提示: 窗口的 name 属性可以用于 <a> 或 <form>
标签的 target 属性值,这样表示超链接文档或表单提交结果应该显示于指定 name 的窗口或框架中。
# 2、打开该窗口
window.open(url,'窗口名称')
1
示例
// home.vue
created(){
window.name = 'base'//初始化窗口名称,与index.vue进入home名称需一致
},
// index.vue
<el-button @click="handleBackWeb">返回home</el-button>
handleBackWeb() {
let linkPath = this.$util.formatMenuAndPerm.call(this, this.baseMenuList);
const { href } = this.$router.resolve({
path: linkPath
}); // 路由
window.open(href,"base");//与home.vue,window.name = 'base'设置的窗口名称需一致
},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 3、window.open()
window.open([URL], [窗口名称], [参数字符串])
1
URL: 可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
窗口名称: 可选参数,被打开窗口的名称。
注意:
- 该名称由字母、数字和下划线字符组成。
- "_top"、"_blank"、"_selft"具有特殊意义的名称。
_blank:在新窗口打开;_self:在当前窗口打开; _top:框架网页中在上部窗口中打开
- 相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
- name 不能包含有空格。
参数字符串: 可选参数,设置窗口参数,各参数用逗号隔开。
参数表:
例如:打开网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:
<script type="text/javascript" window.open('','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes'></script>
1
注意:
- 参数之间逗号及等号前后有空格,该字符串无效,只有删除空格才能正常运行。
- 运行结果考虑浏览器兼容问题。